<template>
  <div class="indexmap">
    <!-- <div id="mapbox"></div> -->
    <el-container class="mainBox_x" v-show="!isHidde">
      <el-tabs class="checkTabs" tab-position="left" v-model="activeMaincheck">
        <el-tab-pane label="综合监管" name="syn">
          <el-row class="topRow">
            <span class="tit">综合监管</span>
          </el-row>
          <p v-if="!superviceList.length" class="no-data">暂无数据</p>
          <template v-else>
            <el-row class="txtContent" v-for="item in superviceList" :key="item.id">
              <div class="txtItems">
                <span class="txtTitle">测绘单位：{{ item.companyName }}</span>
                <span>测绘人员：{{ item.name }}</span>
                <span>测绘时间：{{ item.time }}</span>
                <span>测绘地点：{{ item.place }}</span>
                <span>经纬度：{{ item.coorDonate }}</span>
              </div>
              <!-- <div class="toolBtn">
                <a href="javascript:void(0)">查看</a>
              </div>-->
            </el-row>
          </template>
          <el-pagination
            class="pager"
            @current-change="handleCurrentChange"
            :current-page="page"
            :page-size="size"
            layout="total, prev, pager, next"
            :total="total"
          ></el-pagination>
        </el-tab-pane>
        <el-tab-pane class="ideaTabs" label="审查意见" name="rep">
          <el-tabs tab-position="top" v-model="ideaTabs">
            <el-tab-pane label="内业审查意见" name="nyscyj">
              <p
                style="text-align: center;font-size: 14px;color: #333;"
                v-if="!nyOpinions.length"
              >暂无数据</p>
              <div class="rowsContainer">
                <el-row class="txtContent" v-for="(item, index) in nyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{ item.createTime }}</span>
                    <div class="subItem">
                      <span>
                        问题图层：{{
                        getDrawingFileName(item.drawingType)
                        }}
                      </span>
                      <span>
                        问题类型：{{
                        contentTypeList[item.contentType - 1].t
                        }}
                      </span>
                    </div>
                    <!-- <span
                      >问题位置：坐标X {{ item.xpoint }}；坐标Y
                      {{ item.ypoint }}</span
                    >-->
                    <span v-if="item.xpoint && item.ypoint">
                      问题位置：坐标X {{ item.xpoint }};坐标Y{{
                      item.ypoint
                      }}
                    </span>
                    <span v-else>问题位置：无</span>
                    <span>问题描述：{{ item.content }}</span>
                    <div class="changeStatus">
                      <span>修改情况：</span>
                      <!-- <span>{{ statusList[item.status - 1].t }}</span> -->
                      <span>
                        {{
                        item.status == 3
                        ? "通过"
                        : item.status == 2
                        ? "不通过"
                        : item.status == 1
                        ? "未整改"
                        : "正常"
                        }}
                      </span>
                    </div>
                  </div>
                  <div class="toolBtn">
                    <span
                      class="eidtState"
                      @click="showEditBox(item, index, 'ny')"
                      v-if="item.status!=4"
                    >修改情况</span>
                    <a class="del" href="javascript:void(0)" @click="handleRemove(item)">删除</a>
                    <div class="eidtStateBox" v-show="item.eidtState">
                      <el-radio
                        @change="eidtAdvice(item)"
                        v-for="(it, index) in statusList"
                        v-show="index !== 0"
                        :key="it.v"
                        v-model="item.status"
                        :label="it.v"
                      >{{ it.t }}</el-radio>
                    </div>
                  </div>
                </el-row>

                <!-- 添加复审内业审查意见 -->
                <el-form
                  class="formFsnysc"
                  :model="formNyscyj"
                  ref="formNyscyj"
                  v-if="nyscyjAdd"
                  :rules="formNyscyjRule"
                >
                  <div class="pblLayItem">
                    <el-form-item label="问题图层" prop="drawingType">
                      <el-select v-model="formNyscyj.drawingType">
                        <el-option
                          v-for="item in fileSelectionList"
                          :key="item.fileType"
                          :label="item.fileName"
                          :value="item.fileType"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="问题类型" prop="contentType">
                      <el-select v-model="formNyscyj.contentType">
                        <el-option
                          v-for="item in contentTypeList"
                          :label="item.t"
                          :value="item.v"
                          :key="item.v"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <el-form-item
                    label="问题位置"
                    inline-message
                    prop="ypoint"
                    v-show="formNyscyj.contentType != 4"
                  >
                    <div class="pblLayItem">
                      <div class="group">
                        <span class="posLab">坐标x</span>
                        <el-input v-model="formNyscyj.xpoint" class="pos"></el-input>
                      </div>
                      <div class="group">
                        <span class="posLab">坐标y</span>
                        <el-input v-model="formNyscyj.ypoint" class="pos"></el-input>
                      </div>
                      <el-button class="position el-icon-delete-location" @click="handlePickup">拾取</el-button>
                    </div>
                  </el-form-item>
                  <el-form-item label="问题描述" prop="content" v-show="formNyscyj.contentType != 4">
                    <el-input class="txtArea" type="textarea" v-model="formNyscyj.content" rows="7"></el-input>
                  </el-form-item>
                  <div class="btns">
                    <el-button class="submit" @click="handleAddFsnysc">提交</el-button>
                    <el-button class="cancel" @click="handleCnacel(1)">取消</el-button>
                  </div>
                </el-form>
              </div>
            </el-tab-pane>

            <el-tab-pane class="wy" label="外业核查意见" name="wyhcyj">
              <p
                style="text-align: center;font-size: 14px;color: #333;"
                v-if="!wyOpinions.length"
              >暂无数据</p>
              <div class="rowsContainer">
                <el-row class="txtContent" v-for="(item, index) in wyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{ item.createTime }}</span>
                    <span>
                      核查图层：{{
                      getDrawingFileName(item.drawingType)
                      }}
                    </span>
                    <span>核查描述：{{ item.content }}</span>
                    <!-- <span>举证情况：{{ statusList[item.status - 1].t }}</span> -->
                    <span>
                      举证情况：{{
                      item.status == 3
                      ? "通过"
                      : item.status == 2
                      ? "不通过"
                      : "未整改"
                      }}
                    </span>
                  </div>
                  <div class="toolBtn">
                    <span class="eidtState" @click="showEditBox(item, index, 'wy')">修改情况</span>
                    <a class="del" href="javascript:void(0)" @click="handleRemove(item)">删除</a>
                    <div class="eidtStateBox" v-show="item.eidtState">
                      <el-radio
                        @change="eidtAdvice(item)"
                        v-for="(it, index) in statusList"
                        v-show="index !== 0"
                        :key="it.v"
                        v-model="item.status"
                        :label="it.v"
                      >{{ it.t }}</el-radio>
                    </div>
                  </div>
                </el-row>

                <!-- 添加复审外业核查意见 -->
                <el-form
                  class="formFswyhc"
                  ref="formWyscyj"
                  :model="formWyhcyj"
                  :rules="formWyscyjRule"
                  v-if="wyhcyjAdd"
                >
                  <div class="pblLayItem">
                    <el-form-item label="核查图层" prop="drawingType">
                      <el-select v-model="formWyhcyj.drawingType">
                        <el-option
                          v-for="item in fileSelectionList"
                          :label="item.fileName"
                          :key="item.fileType"
                          :value="item.fileType"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <el-form-item label="问题描述" prop="content">
                    <el-input class="txtArea" type="textarea" v-model="formWyhcyj.content" rows="7"></el-input>
                  </el-form-item>
                  <div class="btns">
                    <el-button class="submit" @click="handleAddFswyhc">提交</el-button>
                    <el-button class="cancel" @click="handleCnacel(2)">取消</el-button>
                  </div>
                </el-form>
              </div>
            </el-tab-pane>
          </el-tabs>
          <el-button @click="handleAdd" :disabled="addBtnState" class="blue">新增</el-button>
        </el-tab-pane>
      </el-tabs>
    </el-container>
  </div>
</template>

<script>
import {
  getDrawingAuditAdviceList,
  addDrawingAuditAdviceList,
  updateDrawingAuditAdvice,
  delDrawingAuditAdvice
} from '@/api/earlyMapping/countryAuditAdvice'
import { getCompletedSurvey } from '@/api/feasibilityStudy/supervisionInformation'
export default {
  components: {},
  data() {
    return {
      page: 1,
      size: 3,
      total: 0,
      superviceList: [], // 综合监管
      eidtState: false,
      isHidde: false,
      ideaTabs: 'nyscyj',
      activeMaincheck: 'syn',
      nyscyjAdd: false,
      wyhcyjAdd: false,
      nyOpinions: [], // 内业审查列表
      wyOpinions: [], // 外业审查列表
      contentTypeList: [
        { v: 1, t: '一般错误' },
        { v: 2, t: '严重错误' }, // 问题类型
        { v: 3, t: '疑问片块' },
        { v: 4, t: '无错误' }
      ],
      statusList: [
        { v: 1, t: '未修改' },
        { v: 2, t: '未通过' },
        { v: 3, t: '通过' }
      ], // 修改状态
      formNyscyj: {
        drawingType: '',
        drawingFileId: '',
        xpoint: '',
        ypoint: '',
        file: '',
        content: '',
        status: 1,
        linkName: this.linkName,
        contentType: '',
        auditType: 1
      },
      formNyscyjRule: {
        drawingType: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error('请选择问题图层'))
              }
              callback()
            },
            trigger: 'change'
          }
        ],
        contentType: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error('请选择问题类型'))
              }
              callback()
            },
            trigger: 'change'
          }
        ],
        ypoint: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (
                (!value && value !== 0) ||
                (!this.formNyscyj.xpoint && this.formNyscyj.xpoint !== 0)
              ) {
                callback(new Error('请填写坐标'))
              }
              callback()
            },
            trigger: 'blur'
          }
        ],
        content: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error('请填写问题描述'))
              }
              callback()
            },
            trigger: 'blur'
          }
        ]
      },
      formWyhcyj: {
        drawingType: '',
        drawingFileId: '',
        content: '',
        status: 1,
        linkName: this.linkName,
        contentType: '',
        auditType: 2
      },
      formWyscyjRule: {
        drawingType: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error('请选择问题图层'))
              }
              callback()
            },
            trigger: 'change'
          }
        ],
        content: [
          {
            require: true,
            validator: (rule, value, callback) => {
              if (!value) {
                callback(new Error('请填写问题描述'))
              }
              callback()
            },
            trigger: 'blur'
          }
        ]
      }
    }
  },
  computed: {
    addBtnState() {
      if (
        (this.ideaTabs === 'nyscyj' && this.nyscyjAdd) ||
        (this.ideaTabs === 'wyhcyj' && this.wyhcyjAdd)
      ) {
        return true
      } else {
        return false
      }
    },
    getDate() {
      const date = new Date()
      return date.getFullYear() + '/' + date.getMonth() + '/' + date.getDay()
    }
  },
  props: {
    fileSelectionList: {
      type: Array,
      require: true,
      default: () => []
    },
    projectId: {
      type: Number,
      require: true
    },
    linkName: {
      type: String,
      require: true
    }
  },
  created() {
    this._initData()
    this.handleCurrentChange()
  },
  methods: {
    // 获取综合监管列表
    handleCurrentChange() {
      const loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      })
      getCompletedSurvey({
        page: this.page,
        size: this.size,
        projectId: this.projectId
      })
        .then(res => {
          this.total = res.data.total
          this.superviceList = res.data.rows
          loading.close()
        })
        .catch(err => {
          loading.close()
        })
    },
    handleClose() {
      this.isHidde = !this.isHidde
    },
    // 修改图件审查修改状态
    eidtAdvice(item) {
      const loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      })
      updateDrawingAuditAdvice(item)
        .then(res => {
          this.$message.success('修改成功')
          loading.close()
        })
        .catch(err => {
          loading.close()
        })
    },
    handleAdd() {
      switch (this.ideaTabs) {
        case 'nyscyj':
          this.nyscyjAdd = true
          break
        case 'wyhcyj':
          this.wyhcyjAdd = true
          break
        default:
          break
      }
    },
    showEditBox(item, index, flag) {
      const it = Object.assign(item)
      it.eidtState = !it.eidtState
      if (flag === 'ny') {
        this.nyOpinions.splice(index, 1, it)
      } else if (flag === 'wy') {
        this.wyOpinions.splice(index, 1, it)
      }
    },
    /*
     * 提交添加复审内业审查意见
     * */
    handleAddFsnysc() {
      let isTrue = true
      if (this.formNyscyj.contentType != 4) {
        this.$refs['formNyscyj'].validate(valid => {
          isTrue = Boolean(valid)
        })
      } else {
        this.formNyscyj.status = 4
        this.formNyscyj.content = '没问题'
      }

      if (isTrue) {
        const loading = this.$loading({
          lock: true,
          text: 'Loading',
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.7)'
        })
        const files = this.fileSelectionList.filter(
          item => item.fileType == this.formNyscyj.drawingType
        )
        if ((files[0] && files[0].fileId) || files[0].fileId === null) {
          this.formNyscyj.drawingFileId = files[0].fileId
        }
        const data = Object.assign(this.formNyscyj, {
          projectId: this.projectId
        })
        addDrawingAuditAdviceList(data)
          .then(res => {
            this.$message.success('添加成功')
            this._getWorkOpinion()
            this.$refs['formNyscyj'].resetFields()
            this.formNyscyj.xpoint = ''
            this.handleCnacel(1)
            loading.close()
          })
          .catch(err => {
            loading.close()
          })
      }
      console.log(this.formNyscyj, 'this.formNyscyj')
    },
    //
    handleCnacel(flag) {
      if (flag == 1) {
        this.nyscyjAdd = false
      } else if (flag == 2) {
        this.wyhcyjAdd = false
      }
    },
    /*
     * 提交添加复审外业核查意见
     * */
    handleAddFswyhc() {
      const loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      })
      let isTrue = false
      this.$refs['formWyscyj'].validate(valid => {
        isTrue = Boolean(valid)
      })
      if (isTrue) {
        const files = this.fileSelectionList.filter(
          item => item.fileType == this.formWyhcyj.drawingType
        )
        if ((files[0] && files[0].fileId) || files[0].fileId === null) {
          this.formWyhcyj.drawingFileId = files[0].fileId
        }
        const data = Object.assign(this.formWyhcyj, {
          projectId: this.projectId
        })
        addDrawingAuditAdviceList(data)
          .then(res => {
            this.$message.success('添加成功')
            this._getWorkOpinion()
            this.$refs['formWyscyj'].resetFields()
            this.handleCnacel(2)
            loading.close()
          })
          .catch(() => {
            loading.close()
          })
      }
    },
    /*
     * 拾取坐标
     * */
    handlePickup() {
      this.pickLatlngSwitch = true
      this.$nextTick(() => {
        this.$parent.$parent.handleScView(false)
        this.$parent.$parent.handlePickLatlngSwitch(true)
      })
    },
    getPickObj(e) {
      this.formNyscyj.xpoint = e.latlng.lat
      this.formNyscyj.ypoint = e.latlng.lng
    },
    // 获取图件文件名称
    getDrawingFileName(drawingType) {
      const file = this.fileSelectionList.find(item => {
        return item.fileType == drawingType
      })
      return file.fileName
    },
    // 删除图件审核意见
    handleRemove(item) {
      this.$confirm('确认删除此条审查意见?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          const loading = this.$loading({
            lock: true,
            text: 'Loading',
            spinner: 'el-icon-loading',
            background: 'rgba(0, 0, 0, 0.7)'
          })
          delDrawingAuditAdvice(item.id)
            .then(res => {
              this.$message.success('删除成功')
              loading.close()
              this._getWorkOpinion()
            })
            .catch(err => {
              loading.close()
            })
        })
        .catch(() => {})
    },
    // 获取内业/外业审查意见
    _getWorkOpinion() {
      const loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      })
      // 内业审查意见
      getDrawingAuditAdviceList({
        linkName: this.linkName,
        projectId: this.projectId,
        auditType: 1
      })
        .then(res => {
          let list = []
          if (res.data) {
            list = res.data.map(item => {
              item.eidtState = false
              return item
            })
          }
          this.nyOpinions = list
          loading.close()
        })
        .catch(err => {
          loading.close()
        })
      // 外业审查意见
      getDrawingAuditAdviceList({
        linkName: this.linkName,
        projectId: this.projectId,
        auditType: 2
      })
        .then(res => {
          let list = []
          if (res.data) {
            list = res.data.map(item => {
              item.eidtState = false
              return item
            })
          }
          this.wyOpinions = list
        })
        .catch(err => {})
    },
    // 初始化数据
    _initData() {
      this._getWorkOpinion()
    }
  }
}
</script>

<style lang="scss" scoped>
.indexmap {
  .menubox {
    width: 40px;
    height: 390px;
    background: #ffffff;
    border-radius: 2px;
    left: 40px;
    top: 40px;
    position: absolute;
    .item {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 48px;
      cursor: pointer;
      img {
        width: 24px;
        height: 24px;
      }
    }
    .line {
      width: 18px;
      height: 1px;
      margin: auto;
      background: #e6e6e6;
    }
  }
}

// 主container
.main-box {
  /deep/ .el-tabs__header {
    margin: 0;
  }
  /deep/ .checkTabs.el-tabs {
    display: flex;
    & > .el-tabs__header {
      width: 88px;
      height: 656px;
      background: rgba(247, 248, 250, 1);
      opacity: 1;
      padding: 30px 0;
      margin-right: 0;
      border-radius: 4px 0px 0px 4px;
      box-sizing: border-box;
      /deep/ .el-tabs__nav {
        /deep/ .el-tabs__item,
        /deep/ .el-tabs__active-bar {
          height: 36px;
          line-height: 36px;
          font-size: 14px;
        }
      }

      /deep/ .el-tabs__item.is-active {
        background: #ebeff5;
      }
      /deep/ .el-tabs__nav-wrap::after {
        background: none;
      }
    }
    /deep/ .txtContent.el-row {
      margin-left: 20px;
    }
  }
  .topRow {
    border-bottom: 1px solid #f2f2f2;
    padding-left: 30px;
  }
  .checkTabs {
    & > .el-tabs__content {
      width: 672px;
      background: #fff;
      padding: 30px 0;
      box-sizing: border-box;
      .tit {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 500;
        height: 36px;
        line-height: 36px;
        color: rgba(29, 136, 243, 1);
        opacity: 1;
        display: inline-block;
        margin-bottom: 10px;
        border-bottom: 2px solid #1570d5;
      }
    }
  }
}
.mainBox_x {
  width: 760px;
  height: 490px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 4px;
  margin: auto;
  .closeBtn {
    position: absolute;
    top: -8px;
    right: -25px;
    color: #fff;
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  /deep/ .el-tabs__header {
    margin: 0;
  }
  /deep/ .checkTabs.el-tabs {
    display: flex;
    & > .el-tabs__header {
      width: 88px;
      height: 656px;
      background: rgba(247, 248, 250, 1);
      opacity: 1;
      padding: 30px 0;
      margin-right: 0;
      border-radius: 4px 0px 0px 4px;
      box-sizing: border-box;
      /deep/ .el-tabs__nav {
        /deep/ .el-tabs__item,
        /deep/ .el-tabs__active-bar {
          height: 36px;
          line-height: 36px;
          font-size: 14px;
        }
      }

      /deep/ .el-tabs__item.is-active {
        background: #ebeff5;
      }
      /deep/ .el-tabs__nav-wrap::after {
        background: none;
      }
    }
    /deep/ .txtContent.el-row {
      margin-left: 20px;
    }
  }
  .topRow {
    border-bottom: 1px solid #f2f2f2;
    padding-left: 30px;
  }
  .checkTabs {
    /deep/ & > .el-tabs__content {
      width: 672px;
      height: 100%;
      padding: 30px 0;
      box-sizing: border-box;
      .tit {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 500;
        height: 36px;
        line-height: 36px;
        color: rgba(29, 136, 243, 1);
        opacity: 1;
        display: inline-block;
        margin-bottom: 10px;
        border-bottom: 2px solid #1570d5;
      }
    }
  }
}
// 综合监管列表
.txtContent {
  display: flex;
  width: calc(100% - 20px);
  padding: 10px 0;
  border-bottom: 1px solid rgba(225, 226, 230, 1);
  align-items: center;
  .txtItems {
    width: calc(100% - 60px);
    padding-left: 10px;
    & > span {
      font-size: 14px;
      font-family: PingFang SC;
      margin-top: 10px;
      font-weight: 500;
      line-height: 20px;
      color: rgba(140, 140, 140, 1);
      opacity: 1;
      display: inline-block;
      width: 240px;
    }
    .txtTitle {
      display: block;
    }
  }
  .toolBtn {
    position: relative;
    width: 120px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 30px;
    .eidtState {
      font-size: 14px;
      color: #7eb1e6;
      line-height: 20px;
      margin-right: 10px;
      cursor: pointer;
    }
    a {
      width: 30px;
      line-height: 20px;
      font-size: 14px;
      color: rgba(29, 136, 243, 1);
      &.del {
        color: #f92828;
      }
    }
    .eidtStateBox {
      position: absolute;
      width: 176px;
      height: 60px;
      bottom: -59px;
      right: 70px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: center;
      background-color: #fff;
      padding: 0 20px;
      /deep/ .el-checkbox {
        margin-right: 6px;
      }
    }
  }
}

// 审查意见
.ideaTabs {
  height: 100%;
  /deep/ .el-tabs {
    height: 100%;
    overflow: hidden;
  }
  /deep/ .el-tab-pane {
    height: 100%;
  }
  /deep/ .el-tabs__nav-scroll {
    padding-bottom: 10px;
    padding-left: 30px;
    border-bottom: 1px solid #f2f2f2;
  }
  /deep/ .el-tabs__item {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    padding: 0 10px;
    &.is-active {
      color: #1d88f3;
    }
  }
  /deep/ .el-tabs__nav-wrap::after {
    background: none;
  }

  // 添加按钮
  .blue {
    background: #409eff;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 34px;
    right: 30px;
    width: 60px;
    height: 28px;
    padding: 0;
    &.is-disabled {
      background: #f0f3f5;
      color: #b3b3b3;
    }
  }
  /deep/ .el-tabs__content {
    padding: 0;
    height: calc(100% - 47px);
    box-sizing: border-box;
  }
  /deep/ .el-row {
    padding: 10px 0;
  }
  .wy {
    /deep/ .el-row {
      padding: 10px 0;
    }
  }
  // 复核内业审查意见列表
  .txtItems {
    display: flex;
    flex-direction: column;
    .subItem {
      display: flex;
      & > span {
        font-size: 14px;
        font-family: PingFang SC;
        margin-top: 10px;
        font-weight: 500;
        line-height: 20px;
        color: rgba(140, 140, 140, 1);
        width: 200px;
      }
    }
    & > span {
      display: inline-block;
      width: 100%;
      &.cols2 {
        width: 200px;
      }
    }
    .changeTime {
      position: absolute;
      top: 10px;
      right: 30px;
      width: auto;
    }
    .changeStatus {
      display: flex;
      font-size: 14px;
      font-family: PingFang SC;
      margin-top: 10px;
      font-weight: 500;
      line-height: 20px;
      color: rgba(140, 140, 140, 1);
      & > span {
        display: inline;
        width: auto;
      }
    }
  }

  // 添加复审内业审查意见
  .formFsnysc,
  .formFswyhc {
    .posLab {
      font-size: 13px;
      color: #a6a6a6;
      margin-right: 7px;
    }
    .pblLayItem {
      display: flex;
      justify-content: space-between;
      align-items: center;
      /deep/ .el-form-item {
        display: flex;
      }
      .group {
        display: inline;
      }
    }
    /deep/ .el-form-item__label {
      font-size: 14px;
      font-weight: 500;
      color: #8c8c8c;
    }
    .position {
      height: 36px;
      color: #409eff;
      background: #f0f5fa;
      padding: 8px;
    }
    /deep/ .el-input {
      width: 180px;
      height: 36px;
      font-size: 14px;
      color: #666;
      /deep/ .el-input__inner {
        height: 36px;
      }
      &.pos {
        width: 160px;
      }
    }
    .txtArea {
      width: 488px;
      height: 160px;
    }
    .btns {
      margin-left: 70px;
      btn {
        font-size: 14px;
        color: #666666;
      }
      .submit {
        background: #409eff;
        color: #fff;
      }
    }
    width: calc(100% - 20px);
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 20px 95px 0 0;
    margin: 0 0px 0 20px;
  }
  // 复审外业核查意见
  .fswyhc {
    .txtContent {
      height: 120px;
    }
  }
}
</style>
<style lang="scss" scoped>
.ideaTabs {
  .rowsContainer {
    height: 100%;
    overflow: auto;
  }
}
.pager {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
</style>
